<template>
	<!-- 钱包卡片 -->
	<view
		class="sh-wallet-box x-f mb10"
		@tap="
			jump('/pages/user/listt22')
		"
	></view>
</template>

<script>
import { mapMutations, mapActions, mapState } from 'vuex';
export default {
	components: {},
	data() {
		return {
			platform: uni.getStorageSync('platform') //当前平台。
		};
	},
	// computed: {
	// 	...mapState({
	// 		userInfo: state => state.user.userInfo
	// 	})
	// },
	methods: {
		jump(path, query) {
			console.log('path :>> ', path);
			console.log('query :>> ', query);
			this.$Router.push({
				path: path,
				query: query
			});
		}
	}
};
</script>

<style lang="scss">
// 钱包卡片
.sh-wallet-box {
	background: url(https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/%E7%9F%A9%E5%BD%A2%2055%402x.png)
		no-repeat center;
	background-size: cover;
	height: 180rpx;
	position: relative;
	padding: 10rpx;
	.wallet-left {
		flex: 4;
		.text {
			position: absolute;
			top: -5rpx;
			left: 0;
			font-size: 22rpx;
			font-family: PingFang SC;
			font-weight: 700;
			color: rgba(153, 153, 153, 1);
			margin-top: 20rpx;
			color: #a8700d;
		}
	}

	.wallet-right {
		position: relative;
		.cut-off--line {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: (750rpx/5) - 15rpx;
			width: 30rpx;
			height: 136rpx;
		}
	}
	.wallet-item {
		flex: 1;
		.wallet-img {
			width: 46rpx;
			height: 46rpx;
		}
		.wallet-item__detail {
			font-size: 38rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(168, 112, 13, 1);
		}
		.wallet-item__title {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 700;
			color: rgba(153, 153, 153, 1);
			margin-top: 20rpx;
			color: #ffffff;
		}
		.item-balance::after {
			content: '元';
			font-size: 16rpx;
			margin-left: 4rpx;
		}
		.item-score::after {
			content: '元';
			font-size: 14rpx;
			margin-left: 4rpx;
		}
		.item-coupon::after {
			content: '元';
			font-size: 16rpx;
			margin-left: 4rpx;
		}
	}
}
</style>
